
<section class="myasset">
  <div class="mianbao">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/myorder' }">财务管理</el-breadcrumb-item>
      <el-breadcrumb-item>我的发票</el-breadcrumb-item>
  
    </el-breadcrumb>
  </div>
    <div class="quota">
         <ul>
           <li>
             <p class="mybalance">我的可用余额</p>
             <p class="myprice">18,000.00</p>
             <div class="price">
               <p class="whole"><i>全部余额</i>18,000.00</p>
               <p class="frozen"><i>冻结余额</i>18,000.00</p>
             </div>
           </li>
          <li>
            <p class="mybalance">我的可用代金券</p>
            <p class="myprice voucher">18,000.00</p>
            <div class="price">
              <p class="whole">
                <i>全部余额</i>18,000.00</p>
              <p class="frozen">
                <i>冻结余额</i>18,000.00</p>
            </div>
          </li>
          <li>
            <p class="mybalance">我的可用优惠券</p>
            <p class="myprice discount">1张</p>
            <div class="price">
              <p class="whole ">
                <i class="count">全部优惠券</i>1张</p>
              <p class="frozen ">
                <i class="count"> 已使用优惠券</i>1张</p>
                <p class="frozen ">
                  <i class="count">已过期优惠券</i>1张</p>
            </div>
          </li>
         </ul>
    </div>
    <div class="tabpage">
          <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="全部" name="first">用户管理</el-tab-pane>
            <el-tab-pane label="可使用" name="second">配置管理</el-tab-pane>
            <el-tab-pane label="已过期" name="third">角色管理</el-tab-pane>
            <el-tab-pane label="已使用" name="fourth">定时任务补偿</el-tab-pane>
          </el-tabs>



    </div>



</section>

